<template>
  <div>
    <div @tap="onTap" @swipe="onSwipe" @press="onPress" @pan="onPan" @pinch="onPinch" @rotate="onRotate" class="jps">
      <p>失败</p>
    </div>

  </div>
</template>

<script setup >
import { reactive,toRefs,onMounted,getCurrentInstance } from 'vue'

const { proxy } = getCurrentInstance();

const onTap = (e) => {
  console.log(e);
}

</script>
<style lang="scss" scoped>
.jps {
  width: 250px;
  height: 250px;
  background-color: rgb(201, 196, 196);
}
</style>